<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Honours and Awards</title>
	
	<!-- fonts -->
	<link rel="preconnect" href="https://fonts.googleapis.com/">
	<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin="">
	<link href="static/css/css2.css" rel="stylesheet">


	<link rel="stylesheet" href="static/css/bootstrap.min.css">
	<link rel="stylesheet" href="static/css/animate.min.css">
	<link rel="stylesheet" href="static/css/custom-animate.css">
	<link rel="stylesheet" href="static/css/all.min.css">
	<link rel="stylesheet" href="static/css/jarallax.css">
	<link rel="stylesheet" href="static/css/jquery.magnific-popup.css">
	<link rel="stylesheet" href="static/css/nouislider.min.css">
	<link rel="stylesheet" href="static/css/nouislider.pips.css">
	<link rel="stylesheet" href="static/css/odometer.min.css">
	<link rel="stylesheet" href="static/css/swiper.min.css">
	<link rel="stylesheet" href="static/css/style.css">
	<link rel="stylesheet" href="static/css/tiny-slider.min.css">
	<link rel="stylesheet" href="static/css/stylesheet.css">
	<link rel="stylesheet" href="static/css/owl.carousel.min.css">
	<link rel="stylesheet" href="static/css/owl.theme.default.min.css">
	<link rel="stylesheet" href="static/css/twentytwenty.css">
	<link rel="stylesheet" href="static/css/jquery.bxslider.css">
	<link rel="stylesheet" href="static/css/bootstrap-select.min.css">
	<link rel="stylesheet" href="static/css/vegas.min.css">
	<link rel="stylesheet" href="static/css/jquery-ui.css">
	<link rel="stylesheet" href="static/css/timePicker.css">

	<!-- template styles -->
	<link rel="stylesheet" href="static/css/izeetak.css">
	<link rel="stylesheet" href="static/css/izeetak-responsive.css">

</head>

<body>
	<div class="preloader">
		<img class="preloader__image" width="60" src="static/picture/loader.png" alt="">
	</div>
	<!-- /.preloader -->
	<div class="page-wrapper">
		<header class="main-header main-header-two clearfix">
            <nav class="main-menu main-menu-two clearfix">
                <div class="main-menu-wrapper clearfix">
                    <div class="main-menu-wrapper-inner clearfix">
                        <div class="main-menu-wrapper__left clearfix">
                            <div class="main-menu-wrapper__logo">
                                <img src="static/picture/logo-1.png" alt="">
                            </div>
                            <div class="main-menu-wrapper__main-menu">
                                <a href="#" class="mobile-nav__toggler"><i class="fa fa-bars"></i></a>
                                <ul class="main-menu__list">
                                    <li>
										<a href="index-en.html">home</a>
									</li>
									<li><a href="about-en.html">about</a></li>
									<li><a href="news-en.html">news</a></li>
									<li><a href="acdamic-en.html">acdamic</a></li>
									<li><a href="project-en.html">project</a></li>
									<li><a href="awards-en.html">awards</a></li>
									<li class="dropdown">
										<a href="#">member</a>
										<ul>
											<li><a href="member-phd-en.html">doctoral student</a></li>
											<li><a href="member-en.html">master student</a></li>
										</ul>
									</li>
									<li><a href="contact-en.html">contact</a></li>
									<li><a href="awards.html">中文</a></li>
                            </div>
                        </div>
                        
                    </div>
                </div>
            </nav>
        </header>

		<div class="stricky-header stricked-menu main-menu">
			<div class="sticky-header__content"></div><!-- /.sticky-header__content -->
		</div><!-- /.stricky-header -->

		<!--Page Header Start-->
		<section class="page-header">
			<div class="page-header-bg" style="background-image: url(static/picture/background2.jpg)"></div>
			<div class="container">
				<div class="page-header__inner">
					<ul class="thm-breadcrumb list-unstyled">
						<li><a href="index-en.html">home</a></li>
						<li><span>/</span></li>
						<li>awards</li>
					</ul>
					<h2>awards
					</h2>
				</div>
			</div>
		</section>
		<!--Page Header End-->
		<div class="container">
			<header>
				<label for="year-select">Select Year</label>
				<select id="year-select">
				  <option value="">all</option>
				  <option value="2023">2023</option>
				  <option value="2022">2022</option>
				  <option value="2021">2021</option>
				  <!-- 添加更多年份选项 -->
				</select>
			</header>
			<main >
				<ul style="line-height: 1.2;">
				  <li style="margin-bottom: 10px;">
					
					<span class="year">2023</span>-
					<span>best paper</span><br>
					</li>
				  <li style="margin-bottom: 10px;">
					<span class="year">2022</span>-
					<span>best paper</span><br>
				</li >
				  <li style="margin-bottom: 10px;">
					<span class="year">2021</span>-
					<span>best paper</span><br>
				</li>
				  <!-- 添加更多论文标题、年份和链接 -->
				</ul>
			  </main>
			
			  <script>
				const yearSelect = document.getElementById('year-select');
				const yearSpans = document.querySelectorAll('.year');
			
				yearSelect.addEventListener('change', () => {
				  const selectedYear = yearSelect.value;
			
				  yearSpans.forEach(span => {
					if (selectedYear === '' || selectedYear === span.textContent) {
					  span.parentNode.style.display = 'block';
					} else {
					  span.parentNode.style.display = 'none';
					}
				  });
				});
			  </script>
		</div>
		

	</div><!-- /.page-wrapper -->
	



	<script src="static/js/jquery-3.6.0.min.js"></script>
	<script src="static/js/bootstrap.bundle.min.js"></script>
	<script src="static/js/jarallax.min.js"></script>
	<script src="static/js/jquery.ajaxchimp.min.js"></script>
	<script src="static/js/jquery.appear.min.js"></script>
	<script src="static/js/jquery.circle-progress.min.js"></script>
	<script src="static/js/jquery.magnific-popup.min.js"></script>
	<script src="static/js/jquery.validate.min.js"></script>
	<script src="static/js/nouislider.min.js"></script>
	<script src="static/js/odometer.min.js"></script>
	<script src="static/js/swiper.min.js"></script>
	<script src="static/js/tiny-slider.min.js"></script>
	<script src="static/js/wNumb.min.js"></script>
	<script src="static/js/wow.js"></script>
	<script src="static/js/isotope.js"></script>
	<script src="static/js/countdown.min.js"></script>
	<script src="static/js/owl.carousel.min.js"></script>
	<script src="static/js/twentytwenty.js"></script>
	<script src="static/js/jquery.event.move.js"></script>
	<script src="static/js/jquery.bxslider.min.js"></script>
	<script src="static/js/bootstrap-select.min.js"></script>
	<script src="static/js/vegas.min.js"></script>
	<script src="static/js/jquery-ui.js"></script>
	<script src="static/js/timePicker.js"></script>


	<script src="https://ditu.google.cn/maps/api/js?key=AIzaSyATY4Rxc8jNvDpsK8ZetC7JyN4PFVYGCGM"></script>


	<!-- template js -->
	<script src="static/js/izeetak.js"></script>
</body>

</html>